<template>
  <div class="logistics-fees">
    <el-table
      ref="multipleTable"
      :data="tableData"
      tooltip-effect="dark"
      style="width: 100%"
      border
      @selection-change="logisticsFeesChange"
    >
      <el-table-column type="selection" width="55"> </el-table-column>
      <el-table-column label="物流名称" width="120">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column label="运费" width="120">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column prop="address" label="物流时间"> </el-table-column>
      <el-table-column prop="address" label="备注">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'logisticsFees',
  components: {},
  props: {},
  data() {
    return {
      tableData: [
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
        {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
      ],
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    logisticsFeesChange() {},
  },
  mounted() {},
};
</script>

<style scoped lang="less"></style>
